// @font-face {

//   font-family: "base";
//   src: local("PingFang SC"), local("Microsoft Yahei");
// }
@font-face {
  font-family: "din";
  src: url(./assets/din1451alt.ttf);
}

.HelNe {
  font-family: "Helvetica Neue";
}

.numbers {
  font-family: din;
  font-weight: normal !important;
}
.ant-table {
  color: @textColor5!important;
}
body {
  color: @textColor5!important;
}
.vxe-table--render-default {
  color: @textColor5!important;
}
.ant-tabs {
  color: @textColor5!important;
}
.new-page {
  // font-family: "base";
  height: 100%;

  color: @textColor5!important;
  background-color: @base-bg-color;
  // text-align: center;
  // padding: 200px 0 0 0;
  padding: 0px;
  border-radius: 0px;
  //margin-top: -24px;
  h1 {
    font-size: 48px;
  }
}

// 侧弹窗
.fra-drawer {
  z-index: 1051 !important;
  .ant-drawer-header {
    position: fixed;
    top: 0;
    display: flex;
    align-items: center;
    padding: 0;
    width: 100%;
    .ant-drawer-title {
      order: 2;
    }
    .ant-drawer-close {
      order: 1;
      position: static;
    }
  }
  .ant-drawer-content {
    padding-top: 57px;
  }
}

.fra-drawer-s.ant-drawer-open {
  width: 76vw !important;
}
// .ant-table-tbody {
//   // > tr:hover:not(.ant-table-expanded-row),
//   // .ant-table-row-hover,
//   // .ant-table-row-hover > tr {
//   //   background: transparent !important;
//   //   border: 1px solid #ccc;
//   // }
//   .ant-table-row-hover {
//     background: transparent !important;
//     border: 1px solid #ccc;
//   }
// }
// .ant-table-fixed {
//   .ant-table-row-hover,
//   .ant-table-row-hover {
//     background: transparent !important;
//     border: 1px solid #ccc;
//   }
// }
.resource-main-box {
  background-color: #fff;
}
.event-type-dd {
  max-height: 500px !important;
}
.ant-table-tbody > tr > td {
  border-bottom: 1px solid #d7dadd !important;
}
.vxe-table--render-default .vxe-body--row.row--hover,
.vxe-table--render-default .vxe-body--row.row--hover.row--stripe {
  background-color: #ebecef !important;
}
.vxe-table--render-default .vxe-body--row.row--stripe {
  background-color: #fff !important;
}
.vxe-body--row > td {
  z-index: 11;
}
.ant-drawer-wrapper-body {
  overflow-x: hidden !important;
}
.vxe-table--tooltip-wrapper {
  z-index: 5555 !important;
}
.ant-badge-count {
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 6px !important;
}

.ant-modal {
  padding-bottom: 0 !important;
}
// .ant-modal-mask,
// .ant-modal-wrap {
//   z-index: 2000 !important;
// }

// .ttop-dialog-box {
//   .ant-modal-mask,
//   .ant-modal-wrap {
//     z-index: 2001 !important;
//   }
// }

.ant-select-dropdown {
  z-index: 2053 !important;
}

.ant-tooltip {
  z-index: 2060 !important;
}
.ant-dropdown {
  z-index: 2060 !important;
}
.ant-popover {
  z-index: 2030 !important;
}

.admin-header-right {
  svg {
    width: 20px;
    height: 20px;
  }
  .anticon {
    vertical-align: middle;
  }
}
.ant-select:not(.input-type-o):not(.ant-pagination-options-size-changer) {
  .ant-select-selection {
    border: none !important;
    background-color: #f9fafb !important;
    border-bottom: 1px solid #dee2e9 !important;
    // &::before {
    //   content: "";
    //   position: absolute;
    //   bottom: 0;
    //   width: 100%;
    //   height: 1px;
    //   background-color: #dee2e9;
    //   transition: 0.2s;
    // }
  }
}

.input-type-o:not(.ant-select-focused) {
  .ant-select-selection {
    background-color: #fff !important;
    border: 1px solid #d9d9d9 !important;
  }
}

.input-type-o.ant-select-focused {
  .ant-select-selection {
    border: 1px solid #4f54a8 !important;
  }
}
.ant-input {
  &:not(.input-type-o):not(.ant-calendar-picker-input) {
    border: none !important;
    background-color: #f9fafb !important;
    border-bottom: 1px solid #dee2e9 !important;
    // &::before {
    //   content: "";
    //   position: absolute;
    //   bottom: 0;
    //   width: 100%;
    //   height: 1px;
    //   background-color: #dee2e9;
    //   transition: 0.2s;
    // }
    &:focus {
      border: none !important;
      border-bottom: 1px solid #5d6278 !important;
      box-shadow: none !important;
    }
  }
}
.ant-select.ant-select-open:not(.input-type-o) .ant-select-selection {
  border: none !important;
  box-shadow: unset !important;
  border-bottom: 1px solid #5d6278 !important;
}
.ant-input-number:not(.input-type-o) {
  border: none !important;

  .ant-input-number-input {
    border: none !important;
    background-color: #f9fafb !important;
    border-bottom: 1px solid #dee2e9 !important;
    &:focus {
      border: none !important;
      border-bottom: 1px solid #5d6278 !important;
      box-shadow: none !important;
    }
  }
  &:focus {
    border: none !important;
    // border-bottom: 1px solid #5d6278 !important;
    box-shadow: none !important;
  }
}
.ant-input-number-focused:not(.input-type-o) {
  border: none !important;
  box-shadow: none !important;
}
.ant-calendar-picker:not(.input-type-o) {
  .ant-input.ant-calendar-picker-input {
    border: none !important;
    background-color: #f9fafb !important;
    border-bottom: 1px solid #dee2e9 !important;
    // &::before {
    //   content: "";
    //   position: absolute;
    //   bottom: 0;
    //   width: 100%;
    //   height: 1px;
    //   background-color: #dee2e9;
    //   transition: 0.2s;
    // }
    &:focus {
      border: none !important;
      border-bottom: 1px solid #5d6278 !important;
      box-shadow: none !important;
    }
  }
}

.ant-select-open:not(.input-type-o) .ant-select-selection,
.ant-select-focused:not(.input-type-o) .ant-select-selection {
  border: none !important;
  box-shadow: unset !important;
  border-bottom: 1px solid #5d6278 !important;
}

.jdt-slider {
  position: absolute;
  top: 0;
  transition: 0.3s;
  height: 12px;
  // background: #e6e9ed;
  // border: 1px solid #c2c8d1;
  // box-sizing: border-box;
  border-radius: 12px;
  top: 21px;
  border-radius: 12px;
  z-index: 8;
}
.edt-width-box {
  position: absolute;
  height: 12px;
  background: #e6e9ed;
  border: 1px solid #c2c8d1;
  box-sizing: border-box;
}
.jdt-oh {
  // overflow: hidden;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
}
.edt-w-box-0 {
  border-radius: 6px;
}
.edt-w-box-n,
.edt-w-box-r {
  margin-left: 5px;
}
.edt-w-box-r {
  border-radius: 0 6px 6px 0;
}

.edt-w-box-l {
  border-radius: 6px 0 0 6px;
}
.jdt-slider-text-box {
  position: relative;
}
.c-event-dot {
  width: 4px;
  height: 12px;
  background-color: fade(#9c9c9c, 78%);
  position: absolute;
  left: 0;
  top: 0px;
  border: 1px solid #9c9c9c;
  cursor: pointer;
  box-sizing: border-box;
}
// .c-event-dot-in {
// border-left: 2px solid #f4f5f9;
// border-right: 2px solid #f4f5f9;
// &::after {
//   content: "";
//   position: absolute;
//   right: -3px;
//   width: 2px;
//   height: 123%;
//   background: #f4f5f9;
//   top: -1px;
//   border-top: 1px solid #f4f5f9;
//   border-bottom: 1px solid #f4f5f9;
//   box-shadow: 1px 0 0 #c2c8d1;
// }
// &::before {
//   content: "";
//   position: absolute;
//   left: -3px;
//   width: 2px;
//   height: 123%;
//   background: #f4f5f9;
//   top: -1px;
//   border-top: 1px solid #f4f5f9;
//   border-bottom: 1px solid #f4f5f9;
//   box-shadow: -1px 0 0 #c2c8d1;
// }
// }
.c-end-text {
  position: absolute;
  right: 0;
  font-size: 12px;
  bottom: -18px;
  line-height: 0;
  font-weight: 500;
  transform: scale(0.8);
}

.leg-silider-cn {
  .edt-width-box {
    background-color: #83bdff !important;
    border-color: #4c92e3 !important;
  }
}
.leg-silider-c0 {
  .edt-width-box {
    background-color: #83bdff !important;
    border-color: #4c92e3 !important;
  }
}
.leg-silider-c1 {
  .edt-width-box {
    background: #e6e9ed !important;
    border: 1px solid #c2c8d1 !important;
  }
}
.leg-silider-c2 {
  .edt-width-box {
    background-color: #ffd391 !important;
    border: 1px solid #e99312 !important;
  }
}
.leg-silider-c3 {
  .edt-width-box {
    background-color: #ff7378 !important;
    border: 1px solid #c82821 !important;
  }
}
.leg-silider-c4 {
  .edt-width-box {
    background-color: #d9e8fa !important;
    border: 1px solid #bdd4f1 !important;
  }
}
.leg-silider-c4-hide {
  display: none;
}
.leg-silider-c5 {
  .edt-width-box {
    background-color: #b8e4d1 !important;
    border: 1px solid #22bc6f !important;
  }
}
.or-time {
  .edt-width-box {
    background-color: @orange1 !important;
    border-color: @orange2 !important;
  }
}

.ant-select-selection--multiple .ant-select-selection__choice {
  height: 22px !important;
  background-color: #f2f2f5 !important;
  color: #505363 !important;
  border: none !important;
  display: flex;
  align-items: center;
  top: 0px;
  .ant-select-selection__choice__content {
    font-size: 12px;
    height: 22px !important;
    display: flex;
    align-items: center;
    background-color: #f2f2f5 !important;
    color: #505363 !important;
  }
  .ant-select-selection__choice__remove {
    height: 22px !important;
    display: flex;
    align-items: center;
    color: #9ea5b2 !important;
    border: none !important;
  }
}

.ant-table-thead > tr > th {
  font-weight: 600 !important;
}

.c-event-in-1 {
  background-color: fade(@colorLow, 78%);
  border: 1px solid @colorLow;
}
.c-event-in-2 {
  background-color: fade(@colorMid, 78%);
  border: 1px solid @colorMid;
}
.c-event-in-3 {
  background-color: fade(@colorHigh, 78%);
  border: 1px solid @colorHigh;
}

.ant-pagination {
  margin-right: 16px !important;
}

.ant-select-arrow {
  color: @textColor5 !important;
}
.text-color-505363 {
  color: @textColor5 !important;
}
.text-color-21252e {
  color: @textColor3!important;
}
.text-color-9ea5b2 {
  color: @textColor4!important;
}
.text-color-5a87f7 {
  color: #5a87f7 !important;
}
.text-color-85abff {
  color: #85abff !important;
}
.text-color-626573 {
  color: #626573 !important;
}
.text-color-004098 {
  color: #004098 !important;
}
.text-color-fff {
  color: #fff !important;
}

.comm-search-f {
  position: fixed !important;
  background-color: #fff !important;
  // margin-top: -89px !important;
  top: 76px;
  transition: 0.2s !important;
  display: flex !important;
  align-items: center !important;
  padding-left: 16px !important;
  z-index: 50 !important;
  box-shadow: 0 1px 2px rgba(33, 37, 46, 0.12) !important;
  display: flex !important;
  .ant-row {
    flex-basis: 11.11% !important;
    margin-bottom: 18px !important;
    margin-top: 18px !important;
    margin-right: 10px !important;
    width: 100% !important;
    .ant-col {
      width: 100% !important;
    }
  }
}
.comm-search-f.comm-search-x {
  padding: 12px 0;
  .ant-row {
    margin-bottom: 12px !important;
    margin-top: 11px !important;
    .ant-col {
      width: 100% !important;
    }
  }
  .label-col {
    .ant-col {
      width: auto !important;
      line-height: 20px;
    }
  }
  .label-col.label-4-textarea {
    display: flex;
    .ant-form-item-label {
      width: auto !important;
      margin-right: 8px;
    }
    .ant-form-item-control-wrapper {
      width: auto !important;
      flex: 1 !important;
      height: 36px;
      max-height: 36px;
      line-height: 36px;
      .ant-form-item-control {
        height: 100%;
        .ant-form-item-children {
          height: 100%;
          textarea {
            height: 100%;
          }
        }
      }
    }
  }
}
.comm-search-f,
.comm-search {
  .ant-select-selection__choice {
    max-width: 40% !important;
  }
}

@media screen and (max-width: 1440px) {
  .comm-search-f,
  .comm-search {
    .ant-select-selection__choice {
      max-width: 37% !important;
    }
  }
}
@media screen and (max-width: 1200px) {
  .comm-search-f,
  .comm-search {
    .ant-select-selection__choice {
      max-width: 20% !important;
    }
  }
  .fra-monitoring,
  .em-monitoring,
  .em-history {
    .comm-search-f,
    .comm-search {
      .ant-select-selection__choice {
        max-width: 50% !important;
      }
      .ant-select-selection__choice__disabled {
        display: none;
      }
    }
  }
}
.ant-popover-title {
  border: none !important;
  color: @textColor4!important;
}
.c-dropdown-box {
  background: #fff;
  margin-top: 5px;
  box-shadow: 0 2px 10px 1px rgba(204, 204, 204, 0.582);
  padding: 12px;
  box-sizing: border-box;
  padding-top: 0;
  padding-bottom: 17px;
}

.c-dropdown-box-title {
  color: @textColor4;
  font-size: 12px;
  height: 36px;
  line-height: 36px;
}

.ant-pagination-item-active {
  background-color: @p-color-1 !important;
  a {
    color: #fff !important;
  }
}
.ant-layout-sider {
  .ant-menu {
    border: none;
  }
}
.ant-table-column-sorters:hover {
  .ant-table-column-sorter-inner {
    color: @textColor5 !important;
  }
}
.ant-table-column-sorters:hover::before {
  background-color: transparent !important;
}
.ant-layout-sider-children {
  .ant-menu-inline .ant-menu-item::after,
  .ant-menu-vertical .ant-menu-item::after,
  .ant-menu-vertical-left .ant-menu-item::after,
  .ant-menu-vertical-right .ant-menu-item::after,
  .ant-menu-inline .ant-menu-item::after {
    left: 0 !important;
    right: auto !important;
    transform: scaleY(1) !important;
  }
  .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
    background: #fcfcfc;
    &::before {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      background: linear-gradient(to right, #a7afc9 1%, transparent 12px);

      z-index: 1;
    }
    &::after {
      z-index: 2;
    }
    a {
      position: relative;
      z-index: 2;
    }
  }

  .ant-menu-inline .ant-menu-item-selected::after,
  .ant-menu-vertical .ant-menu-item-selected::after,
  .ant-menu-vertical-left .ant-menu-item-selected::after,
  .ant-menu-vertical-right .ant-menu-item-selected::after,
  .ant-menu-inline .ant-menu-item-selected::after {
    opacity: 1 !important;
  }
}

.dot-event-box {
  background: #fff;
  border-left: 3px solid;
  padding: 0 15px;
  line-height: 32px;
  min-height: 32px;
  display: block;
  box-sizing: border-box;
  border-radius: 3px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
}

.leg-event-box {
  max-width: 220px;
  border-radius: 3px;
  background: #fff;
  border-left: 3px solid;
  padding: 0 15px;
  line-height: 60px;
  height: 60px;
  display: block;
  box-sizing: border-box;
  padding-top: 8px;
  border-left: 3px solid #c2c8d1;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
  a {
    position: relative;
    z-index: 1;
  }
}

.leg-event-box-c5 {
  border-left: none;
  height: 160px;
  text-align: center;
  line-height: 40px;
  padding: 16px;
}
.leg-event-box-c4 {
  border-left: 3px solid #bdd4f1;
}
.leg-event-box-c3 {
  border-left: 3px solid #ff7378;
}
.leg-event-box-c2 {
  border-left: 3px solid #ffd391;
}
.leg-event-box-c1 {
  border-left: 3px solid #c2c8d1;
}
.leg-event-box-c0 {
  border-left: 3px solid #4c92e3;
}
.leg-event-box-cn {
  border-left: 3px solid #4c92e3;
}
// .leg-event-boxor-time {
//   background: #fff;
//   border-left: 3px solid;
//   padding: 0 15px;
//   line-height: 60px;
//   height: 60px;
//   display: block;
//   box-sizing: border-box;
//   padding-top: 8px;
//   border-left: 3px solid #e99312;
// }

.leg-event-box-dot {
  letter-spacing: 5px;
  font-size: 16px;
  margin: 0 4px 0 6px;
}
.leg-event-box-fn {
  position: absolute;
  height: 20px;
  line-height: 20px;
  z-index: 0;
}
.ant-dropdown::before {
  content: none !important;
}

.lh-1 {
  line-height: 1;
}
.ant-menu-item-selected {
  a {
    font-weight: bold;
  }
  path {
    fill: #30329c;
  }
}
.ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover {
  background-color: #f9f9fb !important;
}

.virtual-selector__dropdown-item {
  &:hover {
    background-color: #f9f9fb !important;
  }
}

.notice-item-e {
  display: flex;
  align-items: center;
  height: 36px;
  margin: 0;
}

.ant-badge-count {
  background-color: #e60000 !important;
  box-shadow: none !important;
}

.c-event-dot-out {
  width: 6px;
  height: 6px;
  border-radius: 100%;
  top: 50%;
  margin-top: -3px;
}
.ant-select {
  vertical-align: bottom;
}

.ant-select-selection__placeholder,
.ant-select-search__field__placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #9ea5b2 !important;
}

.ant-select-selection-selected-value,
input,
textarea {
  color: @textColor5!important;
}
.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled),
.ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: #f9f9fb !important;
}

.ant-select-tree-node-content-wrapper:hover {
  background-color: #f9f9fb !important;
}

/**
 * ========================================================
 * ************   按钮   ************
 * ========================================================
 */

.ant-btn {
  min-width: 88px !important;
  height: 36px !important;
  border-radius: unset !important;
  font-size: 14px !important;
  vertical-align: bottom;
}
.ant-btn-sm {
  min-width: 56px !important;
  height: 28px !important;
  border-radius: unset !important;
  font-size: 14px !important;
}
.ant-btn {
  span {
    vertical-align: middle;
    z-index: 7;
  }
  .ant-click-animating-node {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    border-radius: inherit;
    box-shadow: none !important;
    background-color: transparent !important;
    /* box-shadow: 0 0 0 0 var(--antd-wave-shadow-color); */
    opacity: 1 !important;
    animation: fadeEffect 0.3s cubic-bezier(0.08, 0.82, 0.17, 1),
      waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) !important;
    content: "";
    pointer-events: none;
    padding: 1px !important;
    border: 1px solid #fff !important;
    background-color: #505363 !important;
  }

  [ant-click-animating-without-extra-node="true"] {
    span {
      position: relative !important;
      z-index: 1 !important;
      color: #fff !important;
    }
    &::after {
      .ant-click-animating-node();
    }
  }
}

.ant-btn {
  background-color: transparent !important;
  border-color: #9ea5b2 !important;
  color: #505363 !important;
  &:hover {
    border-color: #505363 !important;

    color: #505363 !important;
  }
  &:active {
    background-color: transparent !important;
    border-color: #505363 !important;
    color: #fff !important;
    &::after {
      content: "";
      position: absolute;
      width: calc(100% - 2px);
      height: calc(100% - 2px);
      left: 0;
      top: 0;
      background: #505363;
      margin: 1px;
    }
  }
  &[ant-click-animating-without-extra-node="true"] {
    color: #505363 !important;
  }
  &[ant-click-animating-without-extra-node="true"]::after,
  .ant-click-animating-node {
    background-color: #505363 !important;
  }
}

.ant-btn-link {
  border: none !important;
  color: #5a87f7 !important;
  padding: 0 6px !important;
  min-width: 0 !important;
  &:hover {
    background-color: transparent !important;
    color: #6a8ee9 !important;
  }
  &:active {
    background-color: transparent !important;
    border-color: none !important;
    color: #5a87f7 !important;
    &::after {
      content: "";
      background-color: transparent !important;
      position: absolute;

      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      border: 1px solid #fff;
    }
  }

  &[ant-click-animating-without-extra-node="true"]::after,
  .ant-click-animating-node {
    background-color: transparent !important;
  }
}
.ant-btn.ant-btn-primary {
  background-color: #30329c !important;
  border-color: #30329c !important;
  color: #fff !important;
  &:hover {
    background-color: #4e50aa !important;
    border-color: #4e50aa !important;

    color: #fff !important;
  }
  &:active {
    background-color: transparent !important;
    border-color: #30329c !important;
    color: #fff !important;
    &::after {
      content: "";
      position: absolute;
      width: calc(100% - 2px);
      height: calc(100% - 2px);
      left: 0;
      top: 0;
      background: #30329c;
      margin: 1px;
    }
  }

  &[ant-click-animating-without-extra-node="true"]::after,
  .ant-click-animating-node {
    background-color: #30329c !important;
  }
}
.ant-btn.ant-btn-danger {
  background-color: #fff !important;
  border-color: #e60000 !important;
  color: #e60000 !important;
  &:hover {
    background-color: #e60000 !important;
    border-color: #e60000 !important;

    color: #fff !important;
  }
  &:active {
    background-color: transparent !important;
    border-color: #e60000 !important;
    color: #fff !important;
    &::after {
      content: "";
      position: absolute;
      width: calc(100% - 2px);
      height: calc(100% - 2px);
      left: 0;
      top: 0;
      background: #e60000;
      margin: 1px;
    }
  }

  &[ant-click-animating-without-extra-node="true"]::after,
  .ant-click-animating-node {
    background-color: #e60000 !important;
  }
}
.ant-btn-background-ghost.ant-btn-primary {
  color: #30329c !important;
  background-color: transparent !important;
  &:hover {
    color: #fff !important;
  }
}

.ant-btn-primary-disabled,
.ant-btn-primary.disabled,
.ant-btn-primary[disabled],
.ant-btn-primary-disabled:hover,
.ant-btn-primary.disabled:hover,
.ant-btn-primary[disabled]:hover,
.ant-btn-primary-disabled:focus,
.ant-btn-primary.disabled:focus,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary-disabled:active,
.ant-btn-primary.disabled:active,
.ant-btn-primary[disabled]:active,
.ant-btn-primary-disabled.active,
.ant-btn-primary.disabled.active,
.ant-btn-primary[disabled].active {
  color: #fff !important;
  background-color: #4e50aa !important;
  border-color: #4e50aa !important;
  opacity: 0.75 !important;
}

.ant-btn-background-ghost-disabled,
.ant-btn-background-ghost.disabled,
.ant-btn-background-ghost[disabled],
.ant-btn-background-ghost-disabled:hover,
.ant-btn-background-ghost.disabled:hover,
.ant-btn-background-ghost[disabled]:hover,
.ant-btn-background-ghost-disabled:focus,
.ant-btn-background-ghost.disabled:focus,
.ant-btn-background-ghost[disabled]:focus,
.ant-btn-background-ghost-disabled:active,
.ant-btn-background-ghost.disabled:active,
.ant-btn-background-ghost[disabled]:active,
.ant-btn-background-ghost-disabled.active,
.ant-btn-background-ghost.disabled.active,
.ant-btn-background-ghost[disabled].active {
  color: #30329c !important;
  background-color: transparent !important;
  opacity: 0.45 !important;
}

@arrowDefault: url("");
@arrowActive: url("");
.ant-pagination-prev {
  .ant-pagination-item-link {
    background-image: @arrowDefault;
    background-position: center;
    background-size: 50%;
    background-repeat: no-repeat;
    &:hover {
      background-image: @arrowActive;
    }
    svg {
      display: none;
    }
  }
}

.ant-pagination-disabled.ant-pagination-prev {
  .ant-pagination-item-link {
    background-image: @arrowDefault;
  }
}

.ant-pagination-next {
  .ant-pagination-item-link {
    background-image: @arrowDefault;
    background-position: center;
    background-size: 51%;
    background-repeat: no-repeat;
    transform: rotate(180deg);
    &:hover {
      background-image: @arrowActive;
    }
    svg {
      display: none;
    }
  }
}

.ant-pagination-disabled.ant-pagination-prev {
  .ant-pagination-item-link {
    background-image: @arrowDefault;
  }
}

.ant-pagination-options {
  height: 32px !important;
  line-height: 32px !important;
  margin-left: 12px !important;
  .ant-select-selection__rendered {
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-left: 8px !important;
    padding-right: 21px !important;
    border: 1px solid #d4d9e2 !important;
  }
  .ant-select-selection-selected-value {
    margin-right: 12px !important;
    height: 100%;
    align-items: center !important;
    line-height: 1 !important;
    display: flex !important;
  }
  .ant-select-selection--single {
    height: 32px !important;

    background-color: #fff !important;
    box-sizing: border-box;
    .ant-select-selection__rendered {
      box-sizing: border-box;
      height: 32px !important;
    }
  }
  .ant-pagination-options-quick-jumper {
    height: 32px !important;
    line-height: 32px !important;
    input {
      width: 56px;
      height: 32px;
    }
  }
  .ant-pagination-options-quick-jumper input:focus {
    box-sizing: border-box;
    box-shadow: none;
    border-color: @p-color-1!important;
    border-width: 2px !important;
  }
  .ant-pagination-options-size-changer {
    width: 91px !important;
    height: 32px !important;
    .ant-select-arrow {
      transition: 0.2s;
      background-image: @arrowDefault;
      background-position: center;
      background-size: 50%;
      background-repeat: no-repeat;
      transform: rotate(270deg);
      width: 28px;
      height: 32px;
      position: absolute;
      right: 0;
      top: 6px;
      svg {
        display: none;
      }
    }
    &:hover {
      .ant-select-selection--single {
        .ant-select-selection__rendered {
          border-color: @p-color-1!important;
        }
      }
    }
    &.ant-select-open {
      .ant-select-selection--single {
        .ant-select-selection__rendered {
          border-color: @p-color-1!important;
          border-width: 2px !important;
        }
      }
    }
  }
  .ant-select-open {
    .ant-select-arrow {
      transform: rotate(90deg);
      background-image: @arrowActive;
    }
  }
}

.ant-select-selection--multiple {
  height: 36px;
  .ant-select-selection__rendered {
    ul {
      display: inline-flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: initial;
      width: 100%;
      li:first-child {
        max-width: 85px !important;
        flex: 1;
      }
    }
  }
  ul.ant-select-selection__rendered {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: initial;
    max-width: 78%;
    height: 36px !important;

    li:first-child {
      max-width: 85px !important;
      flex: 1;
    }
  }
}
.ant-select-selection--multiple .ant-select-selection__rendered {
  height: 36px !important;
  line-height: 36px !important;
}
.ant-select-selection--multiple > ul > li,
.ant-select-selection--multiple .ant-select-selection__rendered > ul > li {
  margin-top: 0 !important;
}
// .ant-pagination-options {
//   margin-left: 8px !important;
//   height: 32px !important;
//   line-height: 32px !important;
//   display: inline-flex !important;
//   .ant-pagination-options-size-changer:last-child {
//     margin-left: 36px !important;
//   }
//   .ant-pagination-options-quick-jumper {
//     order: 1;
//     height: 32px !important;
//     line-height: 32px !important;
//     position: relative !important;
//     &::after {
//       content: "，";
//       position: absolute;
//       right: -15px;
//       z-index: 1;
//       height: 32px;
//       line-height: 32px;
//       top: 0;
//     }
//     input {
//       width: 56px;
//       height: 32px;
//     }
//   }
//   .ant-pagination-options-size-changer {
//     order: 2;
//     .ant-select-arrow {
//       transition: 0.2s;
//       background-image: @arrowDefault;
//       background-position: center;
//       background-size: 51%;
//       background-repeat: no-repeat;
//       transform: rotate(270deg);
//       width: 28px;
//       height: 28px;
//       position: absolute;
//       right: 0;
//       top: 10px;
//       svg {
//         display: none;
//       }
//     }
//   }
//   .ant-select-open {
//     .ant-select-arrow {
//       transform: rotate(90deg);
//       background-image: @arrowActive;
//     }
//   }
//   .ant-select-selection--single {
//     height: 32px;
//   }
//   .ant-select-selection-selected-value {
//     display: block;
//     opacity: 1;
//     width: 24px;
//     overflow: hidden;
//     height: 32px;
//     white-space: pre-wrap;
//   }
//   .ant-select-selection.ant-select-selection--single {
//     width: 48px;
//   }
//   .ant-select-selection--single {
//     .ant-select-selection__rendered {
//       margin-left: 8px !important;
//     }
//   }

//   .ant-select-dropdown-menu-item {
//     width: 48px;
//     overflow: hidden;
//     letter-spacing: 0px;
//     word-break: break-all;
//     line-height: -6px;
//     white-space: pre-wrap;
//     height: 27px;
//   }
//   .ant-pagination-options-size-changer {
//     &::after {
//       content: "条";
//       position: absolute;
//       right: -21px;
//       z-index: 1;
//       height: 32px;
//       line-height: 32px;
//       top: 0;
//     }
//     &::before {
//       content: "显示";
//       position: absolute;
//       left: -36px;
//       z-index: 1;
//       height: 32px;
//       line-height: 32px;
//       top: 0;
//     }
//   }
//   .ant-pagination-options-size-changer.ant-select {
//     margin-right: 21px !important;
//     margin-left: 50px;
//   }
// }

.ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title {
  padding: 7px 12px !important;
}

.ant-dropdown-menu {
  padding: 8px 0 !important;
}

.ant-select-dropdown {
  .vue-recycle-scroller {
    padding: 8px 0 !important;
  }
  .virtual-selector__dropdown-item {
    padding: 7px 12px !important;
  }
}

.vxe-header--column {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.ant-table-thead > tr > th {
  color: #21252e !important;
}
.ant-modal-title {
  color: #21252e;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 22px;
}
.ant-modal-header {
  padding: 32px;
  border: unset;
}
.ant-modal-close-x {
  line-height: 87px;
}
.ant-modal-body {
  padding: 0 24px;
  .ant-form-vertical .ant-form-item-label,
  .ant-col-24.ant-form-item-label,
  .ant-col-xl-24.ant-form-item-label {
    color: #505363;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 12px;
    margin-bottom: 9px;
  }
}
.c-dialog-box-nobg {
  .ant-modal-content {
    background: #fff !important;
  }

  .ant-modal-title {
    color: #21252e !important;
    font-size: 16px;
  }
  .ant-modal-header {
    border: none !important;
    height: 40px !important;
    background: #fff !important;
  }
  .ant-modal-body {
    background: #fff !important;
  }
}

.light-t-row {
  background: #ffffff !important;
}
.dark-t-row {
  background: #f5f7fa !important;
}
.light-t-row,
.dark-t-row {
  &:hover {
    td {
      background: #eaedf3 !important;
    }
  }
}

.ant-radio-inner {
  border-color: #21252e !important;
}
.ant-select-dropdown {
  .vue-recycle-scroller {
    margin-top: -1px !important;
  }
}

.ant-select-dropdown--multiple {
  .ant-select-dropdown-menu-item {
    padding: 7px 12px 7px 36px !important;
  }
  .ant-select-selected-icon {
    border: 1px solid #21252e !important;
    width: 16px !important;
    height: 16px !important;
    left: 12px !important;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 1px;
  }

  .ant-select-dropdown-menu-item.ant-select-dropdown-menu-item-active,
  .ant-select-dropdown-menu-item {
    .ant-select-selected-icon {
      color: transparent !important;
    }
  }

  .ant-select-dropdown-menu-item.ant-select-dropdown-menu-item-active.ant-select-dropdown-menu-item-selected {
    .ant-select-selected-icon {
      color: #fff !important;
    }
  }
  .ant-select-dropdown-menu-item-selected {
    .ant-select-selected-icon {
      border: 1px solid @p-color-1 !important;
      background-color: @p-color-1 !important;
      color: #fff !important;
    }
  }
}
.ant-select-dropdown-menu-root {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.ant-badge-count {
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.ant-table-thead
  > tr
  > th
  .ant-table-column-sorter
  .ant-table-column-sorter-inner {
  margin-left: 2px !important;
}
.ant-table-tbody > tr > td.ant-table-column-sort,
.ant-table-thead > tr > th.ant-table-column-sort {
  background-color: transparent !important;
}
.ant-pagination-next {
  margin-left: 4px;
}
.ant-pagination-item {
  margin-right: 4px !important;
}
.ant-table-thead > tr > th:nth-child(1) {
  padding-left: 24px !important;
}
.ant-table-thead > tr > th:last-child {
  padding-right: 24px !important;
}
.ant-table-tbody > tr > td:nth-child(1) {
  padding-left: 24px !important;
}

.vxe-header--row > th:nth-child(1) {
  padding-left: 24px !important;
}
.vxe-header--row > th:last-child {
  padding-right: 24px !important;
}
.vxe-body--row > td:nth-child(1) {
  padding-left: 24px !important;
}
.ant-select-dropdown--multiple {
  .ant-select-dropdown-menu-item-disabled {
    padding: 0 !important;
  }
}

.ant-select-dropdown-menu-item-group {
  .ant-select-dropdown-menu-item-disabled {
    padding: 7px 12px 7px 36px !important;
  }
}
.ant-pagination-jump-prev-custom-icon,
.ant-pagination-jump-next-custom-icon {
  margin-left: 4px;
}

.d-flex-i {
  display: flex !important;
}
.ant-menu-inline-collapsed > .ant-menu-item .anticon,
.ant-menu-inline-collapsed
  > .ant-menu-item-group
  > .ant-menu-item-group-list
  > .ant-menu-item
  .anticon,
.ant-menu-inline-collapsed
  > .ant-menu-item-group
  > .ant-menu-item-group-list
  > .ant-menu-submenu
  > .ant-menu-submenu-title
  .anticon,
.ant-menu-inline-collapsed
  > .ant-menu-submenu
  > .ant-menu-submenu-title
  .anticon {
  font-size: 14px !important;
}
.ant-input-affix-wrapper .ant-input-suffix {
  font-size: 16px;
}

.ant-form-item-required::before {
  display: none !important;
}
.c-dialog-close-icon {
  position: absolute;
  top: 24px;
  right: 24px;
  height: 16px;
  width: 16px;
  color: #9ea5b2;
  &:hover {
    path {
      fill: #505363;
    }
  }
  i {
    position: absolute;
    right: 0;
    top: 0;
    width: 16px;
    height: 16px;
    line-height: 27px;
    display: flex;
    align-items: center;
  }
  path {
    fill: #9ea5b2;
    transition: 0.2s;
  }
}

.c-dialog-title {
  font-size: 20px;
  color: @textColor3;
  margin-bottom: 24px;
}

.ant-form-item-label > label::after {
  display: none;
}

.ant-popover-arrow {
  display: none !important;
}

.ant-popover-placement-bottom,
.ant-popover-placement-bottomLeft,
.ant-popover-placement-bottomRight {
  padding: 0 !important;
}

.fcc-popover {
  .ant-popover-inner-content {
    padding: 0 !important;
  }
}

.vxe-header--row {
  th {
    height: 48px;
    background-color: #fff;
  }
}

.table-border {
  .ant-table-body {
    border: 1px solid #f0f0f0;
    border-bottom: none;
  }

  th {
    height: 48px !important;
    background-color: #fff;
  }
}
.table-header-row {
  th {
    height: 48px !important;
    background-color: #fff;
  }
}
.vxe-cell--title {
  color: @textColor3 !important;
}

.rt-i-modal {
  .ant-table-body {
    margin: 0;
  }
  .ant-form-item-label {
    line-height: 1;
    overflow: hidden;
    display: block;
    text-align: left;
    margin-bottom: 12px;
    label {
      line-height: 1;
      display: block;
      text-align: left;
    }
  }
}

.ant-modal-content {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1) !important;
  height: 100%;
  flex-direction: column;
  .ant-modal-body {
    height: calc(100% - 68px);
    display: flex;
    flex-direction: column;
    .ant-form-horizontal {
      overflow-y: auto;
      overflow-x: hidden;
      margin-right: -18px;
      padding-right: 18px;
      .beauty-scroll();
    }
  }
}

.ant-form-item-control {
  line-height: 35px !important;
}

.ant-tree-treenode-switcher-open {
  &::before {
    content: "";
  }
}
.ant-tree.ant-tree-show-line li:not(:last-child)::after {
  position: absolute;
  left: -19px;
  width: 23px;
  height: 100%;
  height: calc(100% - 22px);
  margin: 22px 0 0;
  border-top: 1px solid #d9d9d9;
  content: " ";
  top: -4px;
}
.has-error .input-type-o .ant-select-selection,
.has-error .ant-input {
  border-color: #f5222f !important;
}
.ant-divider {
  background-color: #ebecef !important;
}

.vue-recycle-scroller {
  position: relative;
}
.vue-recycle-scroller.direction-vertical:not(.page-mode) {
  overflow-y: auto;
}
.vue-recycle-scroller.direction-horizontal:not(.page-mode) {
  overflow-x: auto;
}
.vue-recycle-scroller.direction-horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.vue-recycle-scroller__slot {
  -webkit-box-flex: 1;
  -ms-flex: auto 0 0px;
  flex: auto 0 0;
}
.vue-recycle-scroller__item-wrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
.vue-recycle-scroller.ready .vue-recycle-scroller__item-view {
  position: absolute;
  top: 0;
  left: 0;
  will-change: transform;
}
.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper {
  width: 100%;
}
.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper {
  height: 100%;
}
.vue-recycle-scroller.ready.direction-vertical
  .vue-recycle-scroller__item-view {
  width: 100%;
}
.vue-recycle-scroller.ready.direction-horizontal
  .vue-recycle-scroller__item-view {
  height: 100%;
}
.resize-observer[data-v-b329ee4c] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  border: none;
  background-color: transparent;
  pointer-events: none;
  display: block;
  overflow: hidden;
  opacity: 0;
}
.resize-observer[data-v-b329ee4c] object {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}
.ant-select-search__field__placeholder {
  left: 9px !important;
}

.ant-select-selection--multiple .ant-select-selection__placeholder {
  margin-left: 4px !important;
}

.vxe-table--render-default .vxe-cell--radio .vxe-radio--icon:before {
  border: 1px solid #21252e !important;
  width: 16px;
  height: 16px;
}
.vxe-table--render-default
  .is--checked.vxe-cell--radio
  .vxe-radio--checked-icon:before {
  background-color: #fff !important;
}

.vxe-table--render-default .vxe-cell--radio .vxe-radio--checked-icon:after {
  content: "";
  position: absolute;
  height: 8px !important;
  width: 8px !important;
  top: 50% !important;
  left: 50% !important;
  border-radius: 50%;
  background-color: #30329c !important;
  margin-left: -4px;
  margin-top: -4px;
}
.ant-modal-footer {
  .ant-btn {
    span {
      letter-spacing: -1.3px;
    }
  }
}
.has-error .ant-form-explain,
.has-error .ant-form-split {
  color: #e60000 !important;
}
.f-1-i {
  flex: 1 !important;
}
.ant-select-tree-checkbox-inner,
.ant-checkbox-inner {
  border-color: #21252e !important;
}

.ant-checkbox-checked .ant-checkbox-inner::after,
.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
  border: 1px solid #fff !important;

  transform: rotate(40deg) scale(0.92) translate(-50%, -50%) !important;
  border-top: 0 !important;
  border-left: 0 !important;
  top: 43.6% !important;
  height: 9.842857px !important;
}
.ant-btn {
  box-shadow: none;
}
.ant-switch::after {
  box-shadow: none !important;
}

.ant-switch-small {
  min-width: 34px !important;
  height: 14px !important;
  line-height: 12px !important;
  width: 34px !important;
}

.ant-switch-small::after {
  width: 20px !important;
  height: 20px !important;
  position: absolute !important;
  top: -4px !important;
  background-color: #30319c !important;
  border-radius: 18px !important;
}
.ant-switch:not(.ant-switch-checked)::after {
  left: -1px !important;
}
.ant-switch-checked {
  &::after {
    margin-left: 2px !important;
  }
}
.ant-switch-checked {
  background-color: #bcbcdf !important;
}

.ant-btn {
  box-shadow: none !important;
}
.group-name-select-box {
  .ant-select-selection__choice {
    width: 40%;
  }
}

.snapshot-data-s {
  white-space: pre;
  font-size: 1em;
  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier,
    monospace;
}

.snapshot-data-s-wn {
  white-space: unset;
}
.report-list-item-btn-main {
  background: #fff;
  border-left: 3px solid #5a87f7;
  padding: 0 15px;
  line-height: 32px;
  height: 32px;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  -webkit-box-shadow: 0 14px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.1);
}
.model-list-tips-btn-main {
  background: #fff;
  // border-left: 3px solid #5a87f7;
  padding: 16px;
  line-height: 32px;
  // height: 32px;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 2px;
  -webkit-box-shadow: 0 14px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.1);
}
.ant-select-tree-child-tree.ant-select-tree-child-tree-open {
  li:hover {
    background-color: #f9f9fb;
  }
}

.leg-end {
  // border-radius: 0 6px 6px 0;
  border-radius: 0;
}
.ant-modal-footer {
  border: none !important;
}
.wpp {
  white-space: pre-line;
}
.new-page:not(.resource-tool-page),
.tabs-view-content,
.new-page-out-main {
  min-width: 1000px !important;
}

@media screen and (max-width: 1366px) {
  .comm-search-f:not(.comm-search-x) .ant-row:not(.fs-btn-box) {
    flex-basis: 9.9% !important;
    max-width: 9.9% !important;
  }
}
@media screen and (max-width: 1210px) {
  .comm-search-f:not(.comm-search-x) .ant-row:not(.fs-btn-box) {
    flex-basis: 9.3% !important;
    max-width: 9.3% !important;
  }
  .rb-main-box,
  .new-page:not(.resource-tool-page) {
    overflow-x: auto !important;
    .beauty-scroll();
  }
}
.virtual-transfer-box {
  .ant-transfer-list-body-customize-wrapper,
  .ant-checkbox-group,
  .virtual-selector__transfer {
    height: 100%;
  }
  .ant-transfer-list-body-customize-wrapper {
    padding: 0 !important;
  }
  .transfer-i-box {
    padding: 6px 12px;
    .ant-empty-normal {
      margin: 64px 0 !important;
    }
    .ant-checkbox-wrapper {
      display: flex;
      align-items: center;
      justify-content: space-between;
      > span:not(.ant-checkbox) {
        flex: 1;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }
    }

    &:hover {
      background-color: #ced1db;
    }
  }
  .transfer-i-box-0 {
    background-color: #f5f7fa;
  }
}
.jwhxz-lable {
  float: left;
}
.jwhxz-box {
  overflow-y: auto;
  display: block;
  max-height: 60px;
  .beauty-scroll();
}
.ant-select-tree-checkbox-checked {
  .ant-select-tree-checkbox-inner {
    border-color: #30329c !important;
  }
}
.ant-pagination-options-size-changer {
  .ant-select-selection.ant-select-selection--single {
    border: none !important;
  }
}

.light-row,
.dark-row {
  cursor: pointer;
}

.dark-row {
  background-color: @table-dark !important;
}

.ant-table-scroll {
  // background-color: #f4f5f9;
  .active-row-n {
    td {
      // border-color: #f4f5f9 !important;
    }
    // td:nth-last-child(1) {
    //   border-right: 1px solid transparent !important;
    // }
    // td:nth-child(1) {
    //   border-left: 1px solid transparent !important;
    // }
  }
}
.active-row-c {
  td {
    background-color: #e9f4ff !important;
    // border-top: 1px solid #4c92e3;
    // border-bottom: 1px solid #4c92e3 !important;
  }
  // td:last-child {
  //   border-right: 1px solid #4c92e3 !important;
  // }
  // td:first-child {
  //   border-left: 1px solid #4c92e3 !important;
  // }
}
// .ant-table-fixed-left {
//   .active-row-c {
//     td:nth-last-child(1) {
//       border-right: none !important;
//     }
//   }
// }
.ant-layout {
  background-color: #e5e8ed !important;
}

.table-h-48 {
  .ant-table-tbody > tr > td {
    // border-bottom: unset;
    height: 48px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
.ant-select-dropdown-menu-item-group-title {
  font-size: 14px !important;
  color: #30329c !important;
}
.h-48 {
  height: 48px !important;
  line-height: 48px !important;
  display: flex;
  align-items: center;
}
.h-32 {
  height: 32px !important;
  line-height: 32px !important;
  display: flex;
  align-items: center;
}
.h-48-2 {
  height: 48px !important;
  display: flex;
  align-items: center;
}
.export-more {
  cursor: pointer;
  font-size: 18px;
  path {
    transition: 0.2s;
    fill: #9ea5b2;
  }
  &:hover {
    path {
      fill: #4e5160;
    }
  }
}

.hover-change-color {
  color: #a1a7b4 !important;
  cursor: pointer;
  &:hover {
    color: #4e5160 !important;
  }
}

.ant-select-dropdown:not(.input-type-od) {
  min-width: 200px !important;
}
.ant-input-number-handler-wrap {
  display: none;
}
.ant-pagination-total-text {
  line-height: 32px !important;
}
